@import "../../$res/css/base";
body{
  padding: 0;
  margin: 0;
  background-color: @back_color;
}
.arrive{
  .con{
    margin: 1rem 0;
    position: relative;
    background-color: @fore_color;
    .arriveItem{
      display: flex;
      align-items: center;
      padding-left: 1rem;
      .circular{
        height: 1.2rem;
        img{
          width: 1.2rem;
          height: 1.2rem;
          line-height: 1.2rem;
          margin-right: 1rem;
        }
      }
      img{
        width: 1.2rem;
        height: 1.5rem;
        margin-right: 1rem;
      }
      span{
        margin-right: 1rem;
        width: 1.2rem;
        height: 1.5rem;
        text-align: center;
        color: @font_color_titleblack;
        font-size: 1rem;
        font-weight: bold;
      }
      .aIContent {
        position: relative;
        flex: 1;
        display: flex;
        align-items: center;
        padding:1rem 0;

        img{
          margin-right: 1rem;
          .imgWidthHeigh(3rem);
          border-radius: 100%;
        }
        .detail{
          flex: 1;
          .name{
            color:@font_color_nameblack;
          }
          .team{
            color:@font_color_titleblack;
            font-size: 0.7rem;
          }
        }
        .time_gold{
          margin-right: 1rem;
          color: @font-medal_gold;
        }
        .time_sliver{
          margin-right: 1rem;
          color: @font_medal_silver;
        }
        .time_copper{
          margin-right: 1rem;
          color: @font_medal_copper;
        }
        .time_nomedal{
          color: @font_color_smallgray;
        }
      }
      .aIContent::after{
        content: " ";
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        height: 1px;
        border-bottom: 1px solid #D9D9D9;
        color: #D9D9D9;
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
      }
      .bang_Null{
        width: 1rem;
      }
    }
  }
  .con::before{
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    border-top: 1px solid #D9D9D9;
    color: #D9D9D9;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
  }
  .con::after{
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    border-bottom: 1px solid #D9D9D9;
    color: #D9D9D9;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
  }

  .topback{
    background-color: @fore_color;
    padding: 1rem 0;
    position: relative;
    .capsule{
      height: 2rem;
      border-radius:20px;
      margin: 0rem auto;
      width: 14rem;
      font-size: 0.8rem;
      border:1px solid @best_worktime;
      .myflex(middle);
      .left{
        height: 2rem;
        line-height: 2rem;
        text-align: center;
        width: 7rem;
        background-color: @best_worktime;
        color: @font_color_white;
        border-radius: 20px 0px 0px 20px;
      }
      .right{
        height: 2rem;
        line-height: 2rem;
        width: 7rem;
        text-align: center;
        color:@font_color_nameblack;
        border-radius: 20px 0px 0px 20px;
      }
      .left2{
        height: 2rem;
        line-height: 2rem;
        text-align: center;
        width: 7rem;
        color: @font_color_nameblack;
        border-radius: 20px 0px 0px 20px;
      }
      .right2{
        height: 2rem;
        line-height: 2rem;
        width: 7rem;
        text-align: center;
        color:@font_color_white;
        border-radius: 0px 20px 20px 0px;
        background-color: @best_worktime;
      }
    }
  }
  .topback::after{
    .myafter;
  }
}
/*榜单无数据时提示页面*/
.no_con {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  align-items: center;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.no_con img {
  width: 200px;
  height: 200px;
  margin-top: 110px;
}
.no_con p {
  margin-top: 20px;
  width: 100%;
  color: #9d9d9d;
  text-align: center;
  font-size: 16px;
  color:@font_color_titleblack;

}
